<template>
  <div>
    <TypeNav></TypeNav>
    <LIST></LIST>
    <Recommend></Recommend>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"></Floor>
    <Floor></Floor>
    <Brand></Brand>
    
    
    
    
    
    </div>
</template>

<script>
import Brand from '../Home/components/Brand'
import Floor from '../Home/components/Floor'
import LIST from '../Home/components/LIST'
import Like from '../Home/components/Like'
import Rank from '../Home/components/Rank'
import Recommend from '../Home/components/Recommend'
import {reqFoorList} from '@/api'

export default {
name:"Home",
components:{
    Brand,
    Floor,
    LIST,
    Like,
    Rank,
    Recommend,
    
},
data(){
  return{
    floorList:[]
  }
},
mounted(){
  //初始化请求floorList数据
  this.getFloorList()
},
methods: {
  //获取floorList的初始化请求函数
  async getFloorList(){
    const result=await reqFoorList()
    this.floorList=result
  }
},
}
</script>

<style>

</style>